<!DOCTYPE html>
<html lang="en-US" dir="ltr">
  <head>
    <meta charset="utf-8">
    
    <title>网格 | Vue Studio</title>
    <meta name="description" content="vue3 component、directive and template">
    <meta name="generator" content="VitePress v1.3.3">
    <link rel="preload stylesheet" href="/vue-desktop-docs/assets/style.BMxc4X2o.css" as="style">
    
    <script type="module" src="/vue-desktop-docs/assets/app.JbIU71ct.js"></script>
    <link rel="preload" href="/vue-desktop-docs/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
    <link rel="modulepreload" href="/vue-desktop-docs/assets/chunks/theme.BjUYIGhO.js">
    <link rel="modulepreload" href="/vue-desktop-docs/assets/chunks/framework.C6Mn0AED.js">
    <link rel="modulepreload" href="/vue-desktop-docs/assets/components_grid_index.md.CfQS4Kh9.lean.js">
    <link rel="icon" href="">
    <meta name="viewport" content="width=device-width,height=device-height, maximum-scale=1.0,minimum-scale=1.0">
    <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?119b5519877c96ec2bac58dea8acfafa";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
    <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
    <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
  </head>
  <body>
    <div id="app"><div class="Layout" data-v-ff741247><!--[--><!--]--><!--[--><span tabindex="-1" data-v-d317c710></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-d317c710> Skip to content </a><!--]--><!----><header class="VPNav" data-v-ff741247 data-v-d496a4c4><div class="VPNavBar has-sidebar top" data-v-d496a4c4 data-v-dbdf4b99><div class="wrapper" data-v-dbdf4b99><div class="container" data-v-dbdf4b99><div class="title" data-v-dbdf4b99><div class="VPNavBarTitle has-sidebar" data-v-dbdf4b99 data-v-733ea456><a class="title" href="/vue-desktop-docs/" data-v-733ea456><!--[--><!--]--><!--[--><img class="VPImage logo" src="/vue-desktop-docs/logo.svg" alt data-v-fe9b4f1c><!--]--><span data-v-733ea456>Vue Studio</span><!--[--><!--]--></a></div></div><div class="content" data-v-dbdf4b99><div class="content-body" data-v-dbdf4b99><!--[--><!--]--><div class="VPNavBarSearch search" data-v-dbdf4b99><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-dbdf4b99 data-v-aaed27d4><span id="main-nav-aria-label" class="visually-hidden" data-v-aaed27d4> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/vue-desktop-docs/guide/" tabindex="0" data-v-aaed27d4 data-v-0aca8eb0><!--[--><span data-v-0aca8eb0>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/vue-desktop-docs/components/" tabindex="0" data-v-aaed27d4 data-v-0aca8eb0><!--[--><span data-v-0aca8eb0>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/vue-desktop-docs/directives/" tabindex="0" data-v-aaed27d4 data-v-0aca8eb0><!--[--><span data-v-0aca8eb0>指令</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/vue-desktop-docs/utils/" tabindex="0" data-v-aaed27d4 data-v-0aca8eb0><!--[--><span data-v-0aca8eb0>utils</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-dbdf4b99 data-v-866269b0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-866269b0 data-v-45042928 data-v-e2492e27><span class="check" data-v-e2492e27><span class="icon" data-v-e2492e27><!--[--><span class="vpi-sun sun" data-v-45042928></span><span class="vpi-moon moon" data-v-45042928></span><!--]--></span></span></button></div><!----><div class="VPFlyout VPNavBarExtra extra" data-v-dbdf4b99 data-v-9375ef87 data-v-adb166d8><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-adb166d8><span class="vpi-more-horizontal icon" data-v-adb166d8></span></button><div class="menu" data-v-adb166d8><div class="VPMenu" data-v-adb166d8 data-v-23278366><!----><!--[--><!--[--><!----><div class="group" data-v-9375ef87><div class="item appearance" data-v-9375ef87><p class="label" data-v-9375ef87>Appearance</p><div class="appearance-action" data-v-9375ef87><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-9375ef87 data-v-45042928 data-v-e2492e27><span class="check" data-v-e2492e27><span class="icon" data-v-e2492e27><!--[--><span class="vpi-sun sun" data-v-45042928></span><span class="vpi-moon moon" data-v-45042928></span><!--]--></span></span></button></div></div></div><!----><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-dbdf4b99 data-v-df3472bb><span class="container" data-v-df3472bb><span class="top" data-v-df3472bb></span><span class="middle" data-v-df3472bb></span><span class="bottom" data-v-df3472bb></span></span></button></div></div></div></div><div class="divider" data-v-dbdf4b99><div class="divider-line" data-v-dbdf4b99></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-ff741247 data-v-a9a790fc><div class="container" data-v-a9a790fc><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-a9a790fc><span class="vpi-align-left menu-icon" data-v-a9a790fc></span><span class="menu-text" data-v-a9a790fc>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-a9a790fc data-v-2d8f0263><button data-v-2d8f0263>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-ff741247 data-v-12f3e4fe><div class="curtain" data-v-12f3e4fe></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-12f3e4fe><span class="visually-hidden" id="sidebar-aria-label" data-v-12f3e4fe> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-f5581e34><section class="VPSidebarItem level-0 has-active" data-v-f5581e34 data-v-362a204f><!----><div class="items" data-v-362a204f><!--[--><div class="VPSidebarItem level-1 is-link" data-v-362a204f data-v-362a204f><div class="item" data-v-362a204f><div class="indicator" data-v-362a204f></div><a class="VPLink link link" href="/vue-desktop-docs/components/index.html" data-v-362a204f><!--[--><p class="text" data-v-362a204f>介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-362a204f data-v-362a204f><div class="item" data-v-362a204f><div class="indicator" data-v-362a204f></div><a class="VPLink link link" href="/vue-desktop-docs/components/grid/" data-v-362a204f><!--[--><p class="text" data-v-362a204f>Grid - 网格</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-362a204f data-v-362a204f><div class="item" data-v-362a204f><div class="indicator" data-v-362a204f></div><a class="VPLink link link" href="/vue-desktop-docs/components/query.html" data-v-362a204f><!--[--><p class="text" data-v-362a204f>Query - 查询器</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-362a204f data-v-362a204f><div class="item" data-v-362a204f><div class="indicator" data-v-362a204f></div><a class="VPLink link link" href="/vue-desktop-docs/components/table/" data-v-362a204f><!--[--><p class="text" data-v-362a204f>Table - 表格</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-362a204f data-v-362a204f><div class="item" data-v-362a204f><div class="indicator" data-v-362a204f></div><a class="VPLink link link" href="/vue-desktop-docs/components/table-select/" data-v-362a204f><!--[--><p class="text" data-v-362a204f>TableSelect - 表格选择器</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-362a204f data-v-362a204f><div class="item" data-v-362a204f><div class="indicator" data-v-362a204f></div><a class="VPLink link link" href="/vue-desktop-docs/components/tree.html" data-v-362a204f><!--[--><p class="text" data-v-362a204f>Tree - 树</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-362a204f data-v-362a204f><div class="item" data-v-362a204f><div class="indicator" data-v-362a204f></div><a class="VPLink link link" href="/vue-desktop-docs/components/trend.html" data-v-362a204f><!--[--><p class="text" data-v-362a204f>Trend - 趋势</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-362a204f data-v-362a204f><div class="item" data-v-362a204f><div class="indicator" data-v-362a204f></div><a class="VPLink link link" href="/vue-desktop-docs/components/filter.html" data-v-362a204f><!--[--><p class="text" data-v-362a204f>Filter - 分类筛选器</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-362a204f data-v-362a204f><div class="item" data-v-362a204f><div class="indicator" data-v-362a204f></div><a class="VPLink link link" href="/vue-desktop-docs/components/flow.html" data-v-362a204f><!--[--><p class="text" data-v-362a204f>Flow - 流程图</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-362a204f data-v-362a204f><div class="item" data-v-362a204f><div class="indicator" data-v-362a204f></div><a class="VPLink link link" href="/vue-desktop-docs/components/dot/" data-v-362a204f><!--[--><p class="text" data-v-362a204f>Dot - 圆点</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-362a204f data-v-362a204f><div class="item" data-v-362a204f><div class="indicator" data-v-362a204f></div><a class="VPLink link link" href="/vue-desktop-docs/components/wizard.html" data-v-362a204f><!--[--><p class="text" data-v-362a204f>Wizard - 场景向导</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-362a204f data-v-362a204f><div class="item" data-v-362a204f><div class="indicator" data-v-362a204f></div><a class="VPLink link link" href="/vue-desktop-docs/components/upload.html" data-v-362a204f><!--[--><p class="text" data-v-362a204f>Upload - 附件上传（开发中）</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-ff741247 data-v-129d407d><div class="VPDoc has-sidebar has-aside" data-v-129d407d data-v-beb5ee4a><!--[--><!--]--><div class="container" data-v-beb5ee4a><div class="aside" data-v-beb5ee4a><div class="aside-curtain" data-v-beb5ee4a></div><div class="aside-container" data-v-beb5ee4a><div class="aside-content" data-v-beb5ee4a><div class="VPDocAside" data-v-beb5ee4a data-v-1850f0ea><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-1850f0ea data-v-7f16107f><div class="content" data-v-7f16107f><div class="outline-marker" data-v-7f16107f></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-7f16107f>On this page</div><ul class="VPDocOutlineItem root" data-v-7f16107f data-v-49ce05e3><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-1850f0ea></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-beb5ee4a><div class="content-container" data-v-beb5ee4a><!--[--><!--]--><main class="main" data-v-beb5ee4a><div style="position:relative;" class="vp-doc _vue-desktop-docs_components_grid_" data-v-beb5ee4a><div><h1 id="网格" tabindex="-1">网格 <a class="header-anchor" href="#网格" aria-label="Permalink to &quot;网格&quot;">​</a></h1><h2 id="简介" tabindex="-1">简介 <a class="header-anchor" href="#简介" aria-label="Permalink to &quot;简介&quot;">​</a></h2><p>随屏幕尺寸变化，响应式网格布局</p><h2 id="样例" tabindex="-1">样例 <a class="header-anchor" href="#样例" aria-label="Permalink to &quot;样例&quot;">​</a></h2><h3 id="基础用法" tabindex="-1">基础用法 <a class="header-anchor" href="#基础用法" aria-label="Permalink to &quot;基础用法&quot;">​</a></h3><p>默认响应规则：屏幕宽度 <code>1200 &lt;= x &lt; 1920</code> 时一行3列</p><p><code>gap</code>，非必填项，可设置水平和垂直间距，默认<code>0</code>间距，</p><div class="warning custom-block"><p class="custom-block-title">WARNING</p><p>请调整窗口尺寸，观察响应布局</p></div><!----><h3 id="响应式的表单" tabindex="-1">响应式的表单 <a class="header-anchor" href="#响应式的表单" aria-label="Permalink to &quot;响应式的表单&quot;">​</a></h3><p><code>Grid</code>和<code>Form</code>结合的场景</p><!----><h3 id="超过2行收起" tabindex="-1">超过2行收起 <a class="header-anchor" href="#超过2行收起" aria-label="Permalink to &quot;超过2行收起&quot;">​</a></h3><p>通过<code>cols</code>设置<a href="#responsive">响应规则</a>，让屏幕宽度 <code>1200 &lt;= x &lt; 1920</code> 时一行4列，它是非必填项。</p><p><code>collapsedRows</code>，指定超过<code>2</code>行收起</p><!----><h2 id="api" tabindex="-1">api <a class="header-anchor" href="#api" aria-label="Permalink to &quot;api&quot;">​</a></h2><h3 id="grid-属性" tabindex="-1">grid 属性 <a class="header-anchor" href="#grid-属性" aria-label="Permalink to &quot;grid 属性&quot;">​</a></h3><table tabindex="0"><thead><tr><th>属性名</th><th>类型</th><th>必传</th><th>默认值</th><th>属性描述</th></tr></thead><tbody><tr><td>gap</td><td>[number, number] / number</td><td>❌</td><td>0</td><td>[水平,垂直] <br> 比如<code>:gap=&quot;16&quot;</code>等同于<code>:gap=[16,16]</code></td></tr><tr><td>cols</td><td>number / <a href="./#responsive">Responsive</a></td><td>❌</td><td><code>{ xs: 1, sm: 2, md: 2, lg: 3, xl: 4 }</code></td><td>响应式布局</td></tr><tr><td>collapsed</td><td>boolean</td><td>❌</td><td>false</td><td>是否折叠</td></tr><tr><td>collapsedRows</td><td>number</td><td>❌</td><td>1</td><td></td></tr></tbody></table><h3 id="grid-item-属性" tabindex="-1">grid-item 属性 <a class="header-anchor" href="#grid-item-属性" aria-label="Permalink to &quot;grid-item 属性&quot;">​</a></h3><table tabindex="0"><thead><tr><th>属性名</th><th>类型</th><th>必传</th><th>默认值</th><th>属性描述</th></tr></thead><tbody><tr><td>offset</td><td><code>number</code></td><td>❌</td><td>0</td><td></td></tr><tr><td>span</td><td><code>number</code></td><td>❌</td><td>1</td><td></td></tr><tr><td>suffix</td><td><code>boolean</code></td><td>❌</td><td>false</td><td></td></tr><tr><td>xs</td><td><code>number</code></td><td>❌</td><td>-</td><td></td></tr><tr><td>sm</td><td><code>number</code></td><td>❌</td><td>-</td><td></td></tr><tr><td>md</td><td><code>number</code></td><td>❌</td><td>-</td><td></td></tr><tr><td>lg</td><td><code>number</code></td><td>❌</td><td>-</td><td></td></tr><tr><td>xl</td><td><code>number</code></td><td>❌</td><td>-</td><td></td></tr></tbody></table><h3 id="responsive" tabindex="-1">responsive <a class="header-anchor" href="#responsive" aria-label="Permalink to &quot;responsive&quot;">​</a></h3><p>对象，如：<code>{ xs: 1, sm: 2, md: 2, lg: 3, xl: 4 }</code></p><table tabindex="0"><thead><tr><th>属性名</th><th>说明</th></tr></thead><tbody><tr><td>xs</td><td><code>&lt;768</code></td></tr><tr><td>sm</td><td><code>768 &lt;= x &lt; 992</code></td></tr><tr><td>md</td><td><code>992 &lt;= x &lt; 1200</code></td></tr><tr><td>lg</td><td><code>1200 &lt;= x &lt; 1920</code></td></tr><tr><td>xl</td><td><code>&gt;= 1920</code></td></tr></tbody></table><h3 id="slots" tabindex="-1">Slots <a class="header-anchor" href="#slots" aria-label="Permalink to &quot;Slots&quot;">​</a></h3><table tabindex="0"><thead><tr><th>插槽名</th><th>描述</th></tr></thead><tbody><tr><td>default</td><td>最后一个网格，通常用于放置<code>展开/收起</code></td></tr></tbody></table></div></div></main><footer class="VPDocFooter" data-v-beb5ee4a data-v-3565542b><!--[--><!--]--><div class="edit-info" data-v-3565542b><!----><div class="last-updated" data-v-3565542b><p class="VPLastUpdated" data-v-3565542b data-v-e6c1468a>更新时间: <time datetime="2024-12-13T09:53:55.000Z" data-v-e6c1468a></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-3565542b><span class="visually-hidden" id="doc-footer-aria-label" data-v-3565542b>Pager</span><div class="pager" data-v-3565542b><a class="VPLink link pager-link prev" href="/vue-desktop-docs/components/index.html" data-v-3565542b><!--[--><span class="desc" data-v-3565542b>Previous page</span><span class="title" data-v-3565542b>介绍</span><!--]--></a></div><div class="pager" data-v-3565542b><a class="VPLink link pager-link next" href="/vue-desktop-docs/components/query.html" data-v-3565542b><!--[--><span class="desc" data-v-3565542b>Next page</span><span class="title" data-v-3565542b>Query - 查询器</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
    <script>window.__VP_HASH_MAP__=JSON.parse("{\"components_dot_index.md\":\"CQZKc12W\",\"components_filter.md\":\"C3ZW7Bb0\",\"components_flow.md\":\"BWFOOU2z\",\"components_grid_index.md\":\"CfQS4Kh9\",\"components_index.md\":\"BEHd_uve\",\"components_query.md\":\"B5f2NCyW\",\"components_table-select_index.md\":\"FYGUA5sq\",\"components_table_index.md\":\"Clyvrf1v\",\"components_tree.md\":\"BWQzmPZr\",\"components_trend.md\":\"2bJZvXuc\",\"components_upload.md\":\"D18lfnMj\",\"components_wizard.md\":\"CNypuv-t\",\"directives_index.md\":\"DQJEUmpU\",\"directives_v-copy.md\":\"9Y1U7-bO\",\"directives_v-countdown.md\":\"CcEu94Tn\",\"directives_v-debounce.md\":\"CilW_nu_\",\"directives_v-longpress.md\":\"CZXUvyFD\",\"directives_v-throttle.md\":\"DP1jdBqx\",\"directives_v-time.md\":\"BTkCWdRm\",\"directives_v-watermarker.md\":\"BPEZYyv0\",\"guide_index.md\":\"CzPHXAuN\",\"guide_layout.md\":\"OZCi1Pg6\",\"guide_router.md\":\"BeLNCxyF\",\"guide_theme.md\":\"Rq8N6XUV\",\"guide_todo.md\":\"C6nxd0Dx\",\"index.md\":\"B-8QW4hV\",\"utils_aes.md\":\"BF8TN9u9\",\"utils_http.md\":\"BO45rEB7\",\"utils_index.md\":\"CEOoMzTB\",\"utils_local.md\":\"vKg1EF4c\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Vue Studio\",\"description\":\"vue3 component、directive and template\",\"base\":\"/vue-desktop-docs/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/logo.svg\",\"lastUpdated\":{\"text\":\"更新时间\",\"formatOptions\":{\"dateStyle\":\"medium\",\"timeStyle\":\"medium\"}},\"outline\":\"deep\",\"search\":{\"provider\":\"local\"},\"nav\":[{\"text\":\"指南\",\"link\":\"/guide/\"},{\"text\":\"组件\",\"link\":\"/components/\"},{\"text\":\"指令\",\"link\":\"/directives/\"},{\"text\":\"utils\",\"link\":\"/utils/\"}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"link\":\"/guide/index\"},{\"text\":\"关于布局\",\"link\":\"/guide/layout\"},{\"text\":\"路由和菜单\",\"link\":\"/guide/router\"},{\"text\":\"主题\",\"link\":\"/guide/theme\"}],\"/components/\":[{\"text\":\"介绍\",\"link\":\"/components/index\"},{\"text\":\"Grid - 网格\",\"link\":\"/components/grid/\"},{\"text\":\"Query - 查询器\",\"link\":\"/components/query\"},{\"text\":\"Table - 表格\",\"link\":\"/components/table/\"},{\"text\":\"TableSelect - 表格选择器\",\"link\":\"/components/table-select/\"},{\"text\":\"Tree - 树\",\"link\":\"/components/tree\"},{\"text\":\"Trend - 趋势\",\"link\":\"/components/trend\"},{\"text\":\"Filter - 分类筛选器\",\"link\":\"/components/filter\"},{\"text\":\"Flow - 流程图\",\"link\":\"/components/flow\"},{\"text\":\"Dot - 圆点\",\"link\":\"/components/dot/\"},{\"text\":\"Wizard - 场景向导\",\"link\":\"/components/wizard\"},{\"text\":\"Upload - 附件上传（开发中）\",\"link\":\"/components/upload\"}],\"/directives/\":[{\"text\":\"介绍\",\"link\":\"/directives/index\"},{\"text\":\"v-copy - 复制\",\"link\":\"/directives/v-copy\"},{\"text\":\"v-countdown - 倒数\",\"link\":\"/directives/v-countdown\"},{\"text\":\"v-debounce - 防抖\",\"link\":\"/directives/v-debounce\"},{\"text\":\"v-throttle - 节流\",\"link\":\"/directives/v-throttle\"},{\"text\":\"v-longpress - 长按\",\"link\":\"/directives/v-longpress\"},{\"text\":\"v-time - 时间转换\",\"link\":\"/directives/v-time\"},{\"text\":\"v-waterMarker - 水印\",\"link\":\"/directives/v-waterMarker\"}],\"/utils/\":[{\"text\":\"介绍\",\"link\":\"/utils/index\"},{\"text\":\"http - 请求\",\"link\":\"/utils/http\"},{\"text\":\"local - 本地存储\",\"link\":\"/utils/local\"},{\"text\":\"AES - 加解密\",\"link\":\"/utils/aes\"}]}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
    
  </body>
</html>